<!DOCTYPE html>
<html lang="cs">
  <head>
    <meta charset="utf-8">
    <title>sCanvas – JavaScriptová knihovna pro vykreslování na HTML5 Canvas</title>
    <!-- Mobile viewport optimized -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <!-- Le styles -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/themes/black-tie/jquery-ui.css" rel="stylesheet">
    <link href="css/jquery.tocify.css" rel="stylesheet">
    <link href="css/prettify.css" type="text/css" rel="stylesheet" />
    <link href="css/styles.css" type="text/css" rel="stylesheet" />

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <style>

@media (max-width: 767px) {
    #toc {
        position: relative;
        width: 100%;
        margin: 0px 0px 20px 0px;
    }
}
    </style>
  </head>

  <body>
    <div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container-fluid">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <a class="brand" href="#">sCanvas</a>

          <div class="nav-collapse">
            <ul class="nav">
              <li><a href="index.html">Úvod</a></li>
              <li><a href="core.html">Jádro</a></li>
              <li><a href="objects.html">Objekty</a></li>
              <li><a href="animations.html">Animace</a></li>
              <li><a href="events.html">Události</a></li>
              <li class="active"><a href="groups.html">Skupiny</a></li>
            </ul>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>

    <div class="container-fluid">
      <div class="row-fluid">
        <div class="span3 tocify">
          <div id="toc">
          </div><!--/.well -->
        </div><!--/span-->
        <div class="span9">
          <div class="hero-unit">
            <h1>sCanvas – Skupina</h1>
          </div>
		
		<div class="method well">
			<h2>Co je to skupina</h2>
			<p>Skupina je pseudo-objekt, který slouží pro volání metod nad více objekty najednou.<br />
		  Skupina nabízí stejné metody, které nabízí běžný objekt. Ty jsou vykonány nad každým objektem ve skupině zvlášť.<br />
		  Pro zachování možnosti řetězení metod, vrací metody, které, volány nad objektem, vracely tento objekt, volány nad skupinou vrací skupinu.<br />
		  Metody, které vracely nějakou hodnotu, vrací hodnotu prvního objektu ve skupině.<br />
		  Metody, které má skupina navíc, případně ty, jejichž chování se liší od výše uvedeného popisu, jsou uvedeny níže.</p>
		</div>
		
		<div class="method well">
			<h2>this.group()</h2>
			<div class="syntax">
				<strong>this.group(id)</strong>
				<div>
					<span>id – string</span>
					<p>ID skupiny.</p>
				</div>
			</div>
			<p>Vytváří novou skupinu.</p>
		</div>
		
		<div class="method well">
			<h2>group.add()</h2>
			<div class="syntax">
				<strong>group.add(objekt)</strong>
				<div>
					<span>objekt – object</span>
					<p>Objekt pro přidání do skupiny.</p>
				</div>
			</div>
			<p>Přidá do skupiny nový objekt.</p>
		</div>
		
		<div class="method well">
			<h2>group.each()</h2>
			<div class="syntax">
				<strong>group.each(fn)</strong>
				<div>
					<span>fn – function()</span>
					<p>Funkce k vykonání.</p>
				</div>
			</div>
			<p>Vykoná nad každým objektem skupiny předanou funkci.</p>
		</div>
		
		<div class="method well">
			<h2>group.get()</h2>
			<div class="syntax">
				<strong>group.get(i)</strong>
				<div>
					<span>i – number</span>
					<p>Pozice na níž je požadovaný objekt.</p>
				</div>
			</div>
			<p>Vrací objekt na i-té pozici.</p>
		</div>
		
		<div class="method well">
			<h2>group.has()</h2>
			<div class="syntax">
				<strong>group.has(objekt)</strong>
				<div>
					<span>objekt – object</span>
					<p>Objekt.</p>
				</div>
			</div>
			<p>Vrací <code>true</code> pokud je objekt zařazen ve skupině.</p>
		</div>
		
		<div class="method well">
			<h2>group.isEmpty()</h2>
			<div class="syntax">
				<strong>group.isEmpty()</strong>
			</div>
			<p>Vrací <code>true</code>, pokud do skupiny není zařazen žádný objekt.</p>
		</div>
		
		<div class="method well">
			<h2>group.isNull()</h2>
			<div class="syntax">
				<strong>group.isNull()</strong>
			</div>
			<p>Vrací vždy <code>false</code>, neboť skupina není nikdy považována za null-objekt.</p>
		</div>
		
		<div class="method well">
			<h2>group.length</h2>
			<div class="syntax">
				<strong>group.length</strong>
			</div>
			<p>Vrací počet objektů ve skupině.</p>
		</div>
		
		<div class="method well">
			<h2>group.over()</h2>
			<div class="syntax">
				<strong>group.over()</strong>
			</div>
			<p>Nevykoná žádnou akci.</p>
		</div>
		
		<div class="method well">
			<h2>group.remove()</h2>
			<div class="syntax">
				<strong>group.remove(objekt)</strong>
				<div>
					<span>objekt – object, number</span>
					<p>Objekt k odebrání ze skupiny.</p>
				</div>
			</div>
			<div class="syntax">
				<strong>group.remove([ odstranit ])</strong>
				<div>
					<span>odstranit – boolean</span>
					<p>Určuje, zda mají být objekty ve skupině odstraněny z canvasu.</p>
				</div>
			</div>
			<p>Odstraní objekt ze skupiny, případně ruší skupinu a odstraňuje objekty z canvasu.</p>
			<p>Bez argumentu nebo s <code>false</code> zruší skupinu, u objektu odstraní zařazení do této skupiny, ale objekty na canvasu ponechá.</p>
			<p>Pokud je argument <code>true</code>, je skupina zrušena a zároveň odstraněny všechny objekty skupiny z canvasu.</p>
			<p>Je-li metodě předán objekt, je tento odstraněn ze skupiny. K odstranění objektu z canvasu slouží <code>objekt.remove()</code>.</p>
			<p>Pokud je metodě předáno číslo, je ze skupiny odstraněn objekt na této pozici. K odstranění objektu na pozici z canvasu použijte <code>group.get(i).remove()</code>.</p>
		</div>
		
		<div class="method well">
			<h2>group.under()</h2>
			<div class="syntax">
				<strong>group.under()</strong>
			</div>
			<p>Nevykoná žádnou akci.</p>
		</div>
		
      </div><!--/row-->
	  
      <div class="navbar" style="margin:0 auto;width:45%;">
        <p>
            Copyright &copy; 2013 Daniel Bielczyk
        </p>
      </div>
    </div><!--/.fluid-container-->
  </div>
    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/jquery.min.js"></script>
    <script src="js/jquery-ui.custom.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/history.js"></script>
    <script src="js/jquery.tocify.min.js"></script>
    <script src="js/prettify.js"></script>
    <script src="js/githubrepo.js"></script>
    <script>
        $(function() {

            $("#toc").tocify({ selectors: "h2, h3, h4", scrollTo: 60, highlightOffset: 60, extendPage: true });

            prettyPrint();

            $(".optionName").popover({ trigger: "hover" });

            $("a[href='#']").click(function(event) {
 
                event.preventDefault();

            });

        });
    </script>
  </body>
</html>